<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>聚美集团 - 聚美优品 - 聚美优品为聚美集团旗下电商业务，是国内最大的化妆品电商平台，千万用户推荐！</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/other.css">
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <script src="js/axios.min.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/index.js"></script>
    <script src="js/swiper.js"></script>
</head>

<body>
    <!-- header_top -->
    <div id="header_top_wrap">
    <div id="header_top">
        <ul class="header_top_left">
            <li>欢迎来到聚美！</li>
            <li>
                <a href="http://127.0.0.1:5500/lesson12/jmyp/login.html">请登录</a>
            </li>
            <li>
                <a href="">快速注册</a>
            </li>
        </ul>
        <ul class="header_top_right">
            <li>
                <a href="">正品保证</a>
            </li>
            <li>
                <a href="">订单查询</a>
            </li>
            <li>
                <a href="">收藏的品牌</a>
            </li>
            <li>
                <a href="">我的聚美</a>
            </li>
            <li>
                <a href="">手机聚美</a>
            </li>
            <li>
                <a href="">更多</a>
            </li>
        </ul>

    </div>
</div>
    <!-- header_center -->
    <div id="header_center_wrap">
    <div id="header_center">
        <div class="jm_log">
            <a href="http://www.jumei.com">
                <img src="img/header_center/logo_new_v1.jpg" alt="">
            </a>
        </div>
        <div class="header_search">
            <form action="">
                <input type="text" value="">
                <button type="submit">搜索</button>
            </form>
            <ul class="hot_word">
                <li><a href="">保湿</a></li>
                <li><a href="">面膜</a></li>
                <li><a href="">洗面奶</a></li>
                <li><a href="">补水</a></li>
                <li><a href="">香水</a></li>
                <li><a href="">眼霜</a></li>
                <li><a href="">口红</a></li>
                <li><a href="">护肤套装</a></li>
                <li><a href="">BB霜</a></li>
            </ul>

        </div>
        <div class="header_shopCar">
            <img src="img/header_center/cart.gif" alt="" class="Car_gif">
            <span class="text"><a href="">加入购物车</a> </span>
        </div>
    </div>
</div>
    <!-- header -->
    <div id="header_wrap">
    <div id="header">
        <ul class="header_nav">
            <li><a href="">首页</a></li>
            <li><a href="">极速免税店</a></li>
            <li><a href="">母婴特卖</a></li>
            <li class="mzsc"><a href="">美妆商城</a>
                <div class="mzsc_one">
                    <div class="mzsc_img_one">
                        <img src="img/mzsc1.jpg" alt="">
                    </div>
                    <div class="mzsc_img_two">
                        <img src="img/mzsc2.jpg" alt="">
                    </div>
                </div>
            </li>
            <li><a href="">国际轻奢</a></li>
            <li><a href="">服装运动</a></li>
            <li><a href="">鞋包配饰</a></li>
        </ul>
    </div>
</div>
    <!--index_banner -->
        <div id="index_banner" class="swiper-container">
          
            <ul class="swiper-wrapper">
                <li style="background: url(img/index_banner/index_banner.jpg) 100% 0px no-repeat;" class="swiper-slide">
                    <a href="" target="_blank"></a>
                </li>
                <li style="background: url(img/index_banner/index_banner1.jpg) 100% 0px  no-repeat;" class="swiper-slide">
                    <a href="" target="_blank"></a>
                </li>
                <li style="background: url(img/index_banner/index_banner2.jpg) 100% 0px  no-repeat;" class="swiper-slide">
                    <a href="" target="_blank"></a>
                </li>

            </ul>

        </div>

        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

    <!-- Swiper JS -->
    <script src="swiper.js"></script>

    <!-- Initialize Swiper -->
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },autoplay: {
            delay: 3000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
            }
        });
    </script>
   
    <!-- 每日必看 -->
    <div id="everyday_see">
    </div>
    <!-- 今日上新 -->
    <div id="today_new">
        <h2 class="today_new_top">今日上新单品</h2>
        <span>HOT&nbsp;&nbsp;DEALS&nbsp;&nbsp;TODAY</span>
        <p class="everyday_update">每日十点更新</p>
    </div>

    <!-- 今日上新列表 -->
    <div id="today_new_product_list">

        <ul class="today_new_product_list_ul">
            <!-- 第一件商品 -->
            <li class="today_new_product_list_li">
                <!-- <div class="img_box">
                    <a href="" class="img_box_href">
                        <img src="img/index_product/商品1.jpg" alt="" class="car_img">
                        <div class="img_ms">海外直采&nbsp;&nbsp;海外价格&nbsp;&nbsp;闪电发货</div>
                    </a>
                    <div class="deals_tage">
                        <span></span>
                    </div>
                    <div class="add_car_box">
                        <a href="" class="add_car">加入购物车
                        </a>
                        <ul class="add_car_div">
                            <li><a href="">肤色(4.0)+M(建议100斤以下)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+M(建议100斤以下)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+M(建议100斤以下)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">粉色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">黄色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">白色(4.0)+M(建议100斤以下)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">肤色(4.0)+L(建议100斤—120斤)</a></li>
                            <li><a href="">橘色(4.0)+L(建议100斤—120斤)</a></li>
                        </ul>
                    </div>
                </div>
                <a href="">
                    <div class="today_new_datils">
                        <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                        <div class="intro_box">
                            <div class="price_box">
                           
                                <span class="pnum">¥235</span>
                            </div>
                            <div class="numtimer_box global_numtimer_box"></div>
                        </div>
                    </div>
                </a> -->
            </li>
            <!-- 第二件商品 -->
             <!-- <li class="today_new_product_list_li"> -->
                <!-- <div class="img_box">
                    <a href="" class="img_box_href">
                        <img src="img/index_product/商品2.jpg" alt="" class="car_img">
                        <div class="img_ms">海外直采&nbsp;&nbsp;海外价格&nbsp;&nbsp;闪电发货</div>
                    </a>
                    <div class="deals_tage">
                        <span></span>
                    </div>
                    <div class="add_car_box">
                        <a href="" class="add_car">加入购物车</a>
                        <ul class="add_car_div">
                            <li><a href="">15ml</a></li>
                            <li><a href="">5ml*3</a></li>
                        </ul>
                    </div>
                </div>
                <a href="">
                    <div class="today_new_datils">
                        <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                        <div class="intro_box">
                            <div class="price_box">
                                <em>¥</em>
                                <span class="pnum">235</span>
                            </div>
                            <div class="numtimer_box global_numtimer_box"></div>
                        </div>
                    </div>
                </a> -->
            <!-- </li>  -->
            <!-- 第三件商品 -->
            <!-- <li class="today_new_product_list_li">
                <div class="img_box">
                    <a href="" class="img_box_href">
                        <img src="img/index_product/商品3.jpg" alt="" class="car_img">
                        <div class="img_ms">海外直采&nbsp;&nbsp;海外价格&nbsp;&nbsp;闪电发货</div>
                    </a>
                    <div class="deals_tage">
                        <span></span>
                    </div>
                    <div class="add_car_box">
                        <a href="" class="add_car">加入购物车</a>
                    </div>
                </div>
                <a href="">
                    <div class="today_new_datils">
                        <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                        <div class="intro_box">
                            <div class="price_box">
                                <em>¥</em>
                                <span class="pnum">235</span>
                            </div>
                            <div class="numtimer_box global_numtimer_box"></div>
                        </div>
                    </div>
                </a>
            </li> -->
            <!-- 第四件商品 -->
            <!-- 第三件商品 -->
            <!-- <li class="today_new_product_list_li">
                <div class="img_box">
                    <a href="" class="img_box_href">
                        <img src="img/index_product/商品3.jpg" alt="" class="car_img">

                        <div class="img_ms">海外直采&nbsp;&nbsp;海外价格&nbsp;&nbsp;闪电发货</div>

                    </a>
                    <div class="deals_tage">
                        <span></span>
                    </div>
                    <div class="add_car_box">
                        <a href="" class="add_car">加入购物车</a>
                    </div>
                </div>
                <a href="">
                    <div class="today_new_datils">
                        <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                        <div class="intro_box">
                            <div class="price_box">
                                <em>¥</em>
                                <span class="pnum">235</span>
                            </div>
                            <div class="numtimer_box global_numtimer_box"></div>
                        </div>
                    </div>
                </a>
            </li> -->

            <!-- 第二件商品 -->
            <!-- <li class="today_new_product_list_li">
                <div class="img_box">
                    <a href="" class="img_box_href">
                        <img src="img/index_product/商品2.jpg" alt="" class="car_img">
                        <div class="img_ms">海外直采&nbsp;&nbsp;海外价格&nbsp;&nbsp;闪电发货</div>
                    </a>
                    <div class="deals_tage">
                        <span></span>
                    </div>
                    <div class="add_car_box">
                        <a href="" class="add_car">加入购物车</a>
                    </div>
                </div>
                <a href="">
                    <div class="today_new_datils">
                        <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                        <div class="intro_box">
                            <div class="price_box">
                                <em>¥</em>
                                <span class="pnum">235</span>
                            </div>
                            <div class="numtimer_box global_numtimer_box"></div>
                        </div>
                    </div>
                </a>
            </li> -->
            <!-- 第三件商品 -->
            <!-- <li class="today_new_product_list_li">
                <div class="img_box">
                    <a href="" class="img_box_href">
                        <img src="img/index_product/商品3.jpg" alt="" class="car_img">

                        <div class="img_ms">海外直采&nbsp;&nbsp;海外价格&nbsp;&nbsp;闪电发货</div>

                    </a>
                    <div class="deals_tage">
                        <span></span>
                    </div>
                    <div class="add_car_box">
                        <a href="" class="add_car">加入购物车</a>
                    </div>
                </div>
                <a href="">
                    <div class="today_new_datils">
                        <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                        <div class="intro_box">
                            <div class="price_box">
                                <em>¥</em>
                                <span class="pnum">235</span>
                            </div>
                            <div class="numtimer_box global_numtimer_box"></div>
                        </div>
                    </div>
                </a>
            </li> -->

            <!-- 第三件商品 -->
            <!-- <li class="today_new_product_list_li">
                <div class="img_box">
                    <a href="" class="img_box_href">
                        <img src="img/index_product/商品3.jpg" alt="" class="car_img">

                        <div class="img_ms">海外直采&nbsp;&nbsp;海外价格&nbsp;&nbsp;闪电发货</div>

                    </a>
                    <div class="deals_tage">
                        <span></span>
                    </div>
                    <div class="add_car_box">
                        <a href="" class="add_car">加入购物车</a>
                    </div>
                </div>
                <a href="">
                    <div class="today_new_datils">
                        <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                        <div class="intro_box">
                            <div class="price_box">
                                <em>¥</em>
                                <span class="pnum">235</span>
                            </div>
                            <div class="numtimer_box global_numtimer_box"></div>
                        </div>
                    </div>
                </a>
            </li> -->

            <!-- 第三件商品 -->
            <!-- <li class="today_new_product_list_li">
                <div class="img_box">
                    <a href="" class="img_box_href">
                        <img src="img/index_product/商品3.jpg" alt="" class="car_img">

                        <div class="img_ms">海外直采&nbsp;&nbsp;海外价格&nbsp;&nbsp;闪电发货</div>

                    </a>
                    <div class="deals_tage">
                        <span></span>
                    </div>
                    <div class="add_car_box">
                        <a href="" class="add_car">加入购物车</a>
                    </div>
                </div>
                <a href="">
                    <div class="today_new_datils">
                        <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                        <div class="intro_box">
                            <div class="price_box">
                                <em>¥</em>
                                <span class="pnum">235</span>
                            </div>
                            <div class="numtimer_box global_numtimer_box"></div>
                        </div>
                    </div>
                </a>
            </li> -->


            <!-- 第三件商品 -->
            <!-- <li class="today_new_product_list_li">
                <div class="img_box">
                    <a href="" class="img_box_href">
                        <img src="img/index_product/商品3.jpg" alt="" class="car_img">

                        <div class="img_ms">海外直采&nbsp;&nbsp;海外价格&nbsp;&nbsp;闪电发货</div>

                    </a>
                    <div class="deals_tage">
                        <span></span>
                    </div>
                    <div class="add_car_box">
                        <a href="" class="add_car">加入购物车</a>
                    </div>
                </div>
                <a href="">
                    <div class="today_new_datils">
                        <p class="title">雅诗兰黛(Estee Lauder)新版抗蓝光小棕瓶精华眼霜15ml 淡化细纹/黑眼圈</p>
                        <div class="intro_box">
                            <div class="price_box">
                                <em>¥</em>
                                <span class="pnum">235</span>
                            </div>
                            <div class="numtimer_box global_numtimer_box"></div>
                        </div>
                    </div>
                </a>
            </li> -->



        </ul>

    </div>

    <!-- footer  分五部分 -->
    <!-- 第一部分 -->
    <div id="footer_area">
        <div id="footer_one">

            <a href="" class="footer_one_one">
                <span class="corn_top">
                </span>
                <b>值得信赖美妆电商</b>
                <p>四千万用户信赖</p>
            </a>
            <a href="" class="footer_one_two">
                <span class="corn">
                </span>
                <b>成功在美上市</b>
                <p>股票代码NYSE:JMEI</p>
            </a>
            <a href="" class="footer_one_three">
                <span class="corn">
                </span>
                <b>品牌防伪码</b>
                <p>支持品牌官网验真</p>
            </a>
            <a href="" class="footer_one_four">
                <span class="corn">
                </span>
                <b>百万用户口碑</b>
                <p>帮你只选对的,不选贵的</p>
            </a>
            <a href="" class="footer_one_five">
                <span class="corn">
                </span>
                <b>订单闪电发货</b>
                <p>1.5小时订单极速出库</p>
            </a>
            <a href="" class="footer_one_six">
                <span class="corn">
                </span>
                <b>大牌明星推荐</b>
                <p>打造精致明星脸</p>
            </a>


        </div>
        <!-- 第二部分 -->

        <div id="footer_two">
            <ul class="footer_two_linka">
                <li class="links">服务保障</li>
                <li> <a href="">品牌真品防伪码</a></li>
                <li> <a href="">正品保证</a></li>
                <li> <a href="">专属客服服务</a></li>
                <li> <span class="footer_emil">总裁邮箱ceo@jumei.com</span></li>

            </ul>
            <ul class="footer_two_linkb">
                <li class="links">使用帮助</li>
                <li> <a href="">新手指南</a></li>
                <li> <a href="">常见问题</a></li>
                <li> <a href="">帮助中心</a></li>
                <li> <a href="">用户协议</a></li>
                <li> <a href="">公示制度</a></li>
                <li> <a href="">聚美隐私权政策</a></li>
                <li> <a href="">个人信息管理规则</a></li>
                <li> <a href="">意见反馈及投诉举报规则</a></li>
                <li> <a href="">知识产权维权处理规则</a></li>
                <li> <a href="">评价管理规则</a></li>
            </ul>
            <ul class="footer_two_linkc">
                <li class="links">支付方式</li>
                <li> <a href="">货到付款</a></li>
                <li> <a href="">在线支付</a></li>
                <li> <a href="">余额支付</a></li>
                <li> <a href="">现金券支付</a></li>

            </ul>
            <ul class="footer_two_linkd">
                <li class="links">配送方式</li>
                <li> <a href="">包邮政策</a></li>
                <li> <a href="">配送说明</a></li>
                <li> <a href="">运费说明</a></li>
                <li> <a href="">验货签收</a></li>

            </ul>
            <ul class="footer_two_linke">
                <li class="links">售后服务</li>
                <li> <a href="">正品承诺</a></li>
                <li> <a href="">售后咨询</a></li>
                <li> <a href="">退货政策</a></li>
                <li> <a href="">退货办理</a></li>

            </ul>
            <div class="links_box">
                <ul class="linksf">
                    <li class="links">手机聚美</li>
                    <li><span class="link_box_img"></span></li>
                    <li>下载移动客户端</li>
                </ul>
                <ul class="linksg">
                    <li class="links">聚美微信</li>
                    <li><span class="link_box_pic"></span></li>
                    <li>聚美官方微信</li>
                </ul>
            </div>
        </div>
        <!-- 第三部分 -->
        <div id="footer_three_wrap">
            <div id="footer_three">

            </div>
        </div>
        <!-- 第四部分 -->
        <div id="footer_four_wrap">
            <div id="footer_four">
                <div class="footer_con" id="footer_link">
                    <a href="" target="_blank" rel="nofollow">关于聚美优品</a>
                    <a href="" target="_blank" rel="nofollow">INVESTOR RELATIONS</a>
                    <a href="" target="_blank" rel="nofollow">合作招商</a>
                    <a href="" target="_blank" rel="nofollow">获取更新</a>
                    <a href="" target="_blank" rel="nofollow">加入聚美</a>
                    <a href="" target="_blank" rel="nofollow">品牌合作专区</a>
                    <a href="" target="_blank" rel="nofollow">媒体报道</a>
                    <a href="" target="_blank" rel="nofollow">商务合作</a>
                </div>
            </div>
        </div>
        <!-- 第五部分 -->
        <div id="footer_five_wrap">
        <div id="footer_five">
            <div class="footer_con">
                <div class="footer_copy_con">
                    <p> COPYRIGHT © 2010-2019 北京创锐文化传媒有限公司 JUMEI.COM 保留一切权利。
                        客服热线：400-123-8888 </p>
                    <span>京公网安备 11010102001226</span>
                    |<a href="http://www.miibeian.gov.cn" target="_blank" rel="nofollow">京ICP证111033号</a>
                    |<a href="http://mp5.jmstatic.com/mobile/pc/shipin_cr.jpg">食品经营许可证</a>
                    |<a href="http://mp5.jmstatic.com/mobile/pc/yyzz_cr.jpg" target="_blank" rel="nofollow">营业执照</a>
                    |<a href="http://mp5.jmstatic.com/mobile/pc/ICP_cr.jpg" target="_blank" rel="nofollow">ICP许可证</a>
                    |<a href="http://mp5.jmstatic.com/mobile/pc/chuban_cr.jpg" target="_blank"
                        rel="nofollow">出版物经营许可证</a>
                    |<a href="http://mp5.jmstatic.com/mobile/pc/yiliao_cr.jpg" target="_blank"
                        rel="nofollow">第二类医疗器械经营备案凭证</a>
                    |<a href="http://mp5.jmstatic.com/mobile/pc/wlsp_cr.jpg" target="_blank"
                        rel="nofollow">网络食品交易第三方平台提供者备案信息表</a>
                    |<a href="http://mp5.jmstatic.com/mobile/pc/zzdx_cr.jpg" target="_blank"
                        rel="nofollow">增值电信业务经营许可证</a>
                </div>
                <div class="footer_copy_img">
                    <a href=""></a>
                    <a href=""></a>
                    <a href=""></a>
                    <a href=""></a>
                    <a href=""></a>
                    <a href=""></a>
                </div>
            </div>
        </div>
    </div>
    </div>







</body>

</html>